// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
  // 获取按钮元素
  const changeColorButton = document.getElementById('changeColor');
  
  // 为按钮添加点击事件监听器
  changeColorButton.addEventListener('click', function() {
    // 获取当前活动标签页
    chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
      // 向content.js发送消息，要求修改背景色
      chrome.tabs.sendMessage(tabs[0].id, { action: 'changeBackground', color: 'green' });
      
      // 也可以直接使用chrome.scripting.executeScript来注入脚本
      chrome.scripting.executeScript({
        target: { tabId: tabs[0].id },
        function: setBackgroundColor,
        args: ['green']
      });
    });
  });
});

// 直接注入的函数，用于修改背景色
function setBackgroundColor(color) {
  document.body.style.backgroundColor = color;
  document.documentElement.style.backgroundColor = color;
}